define(['module', 'react', 'react-dom', 'Tooltip', 'Button', "../Tile", "mixins/BindTooltip"], function (module, React, ReactDOM, Tooltip, Button, Tile, BindTooltip) {
    'use strict';

    var Page = React.createClass({
        displayName: 'Page',


        mixins: [BindTooltip],

        componentDidMount: function componentDidMount() {},
        show: function show() {
            this.refs.tooltip6.show();
        },
        hide: function hide() {
            this.refs.tooltip6.hide();
        },
        render: function render() {

            return React.createElement(
                'div',
                { className: 'container' },
                React.createElement(
                    Tile,
                    { header: "使用方式" },
                    React.createElement(
                        'pre',
                        { className: 'brush: js', ref: 'code' },
                        '\n\n'
                    )
                ),
                React.createElement(
                    Tile,
                    { header: "基本使用方式" },
                    React.createElement(
                        Tooltip,
                        { title: 'Title Text', delay: 200, trigger: "click" },
                        React.createElement(
                            'a',
                            { href: 'javascript:void(0)' },
                            'TOP'
                        )
                    ),
                    React.createElement('div', { className: 'mt-15' }),
                    React.createElement(
                        Tooltip,
                        { title: 'Title Text', align: 'topRight', theme: 'default' },
                        React.createElement(
                            'a',
                            { href: 'javascript:void(0)' },
                            'topRight'
                        )
                    ),
                    React.createElement('div', { className: 'mt-15' }),
                    React.createElement(
                        Tooltip,
                        { title: 'Title Text', align: 'bottom' },
                        React.createElement(
                            'a',
                            { href: 'javascript:void(0)' },
                            'bottom'
                        )
                    ),
                    React.createElement('div', { className: 'mt-15' }),
                    React.createElement(
                        Tooltip,
                        { title: 'Title Text', align: 'topLeft' },
                        React.createElement(
                            'a',
                            { href: 'javascript:void(0)' },
                            'topLeft'
                        )
                    ),
                    React.createElement('div', { className: 'mt-15' }),
                    React.createElement(
                        Tooltip,
                        { title: 'Title Text', align: 'bottomRight' },
                        React.createElement(
                            'a',
                            { href: 'javascript:void(0)' },
                            'bottomRight'
                        )
                    ),
                    React.createElement('div', { className: 'mt-15' }),
                    React.createElement(
                        Tooltip,
                        { title: 'Title Text', align: 'bottomLeft' },
                        React.createElement(
                            'a',
                            { href: 'javascript:void(0)' },
                            'bottomLeft'
                        )
                    ),
                    React.createElement('div', { className: 'mt-15' }),
                    React.createElement(
                        Tooltip,
                        { title: 'Title Text', align: 'left', theme: 'default' },
                        React.createElement(
                            'a',
                            { href: 'javascript:void(0)' },
                            'left'
                        )
                    ),
                    React.createElement('div', { className: 'mt-15' }),
                    React.createElement(
                        Tooltip,
                        { title: 'Title Text', align: 'leftTop', theme: 'primary' },
                        React.createElement(
                            'a',
                            { href: 'javascript:void(0)' },
                            'leftTop'
                        )
                    ),
                    React.createElement('div', { className: 'mt-15' }),
                    React.createElement(
                        Tooltip,
                        { title: 'Title Text', align: 'leftBottom' },
                        React.createElement(
                            'a',
                            { href: 'javascript:void(0)' },
                            'leftBottom'
                        )
                    ),
                    React.createElement('div', { className: 'mt-15' }),
                    React.createElement(
                        Tooltip,
                        { title: 'Title Text', align: 'right', theme: 'error' },
                        React.createElement(
                            'a',
                            { href: 'javascript:void(0)' },
                            'right'
                        )
                    ),
                    React.createElement('div', { className: 'mt-15' }),
                    React.createElement(
                        Tooltip,
                        { title: 'Title Text', align: 'rightTop' },
                        React.createElement(
                            'a',
                            { href: 'javascript:void(0)' },
                            'rightTop'
                        )
                    ),
                    React.createElement('div', { className: 'mt-15' }),
                    React.createElement(
                        Tooltip,
                        { title: 'Title Text', align: 'rightBottom', offsetEle: '.desktop-wrap' },
                        React.createElement(
                            'a',
                            { href: 'javascript:void(0)' },
                            'rightBottom'
                        )
                    ),
                    React.createElement('div', { style: { height: 500 } })
                )
            );
        }
    });

    module.exports = Page;
});
